import React from 'react'
import {Route, IndexRoute} from 'react-router'

import App from './App'
import Index from '../demo/Index'
import TaskList from '../demo/TaskList'
import TaskDetail from '../demo/TaskDetail'
import BudgetList from '../demo/BudgetList'
import BudgetDetail from '../demo/BudgetDetail'
import ReportModuleList from '../demo/ReportModuleList'
import ReportChartModule from '../demo/ReportChartModule'

const rootRoute = (
  <Route path="/" component={App}>
    <IndexRoute component={Index}/>
    <Route path="/task-list" component={TaskList}/>
    <Route path="/task-detail" component={TaskDetail}/>
    <Route path="/budget-list" component={BudgetList}/>
    <Route path="/budget-detail" component={BudgetDetail}/>
    <Route path="/report-module" component={ReportModuleList}/>
    <Route path="/report-chart" component={ReportChartModule}/>
  </Route>
)

export default rootRoute
